import Head from 'next/head';
import Examples from '../../../example-groups/DraggingExamples';

<Head>
  <title>{'Column DnD Ordering Example - Material React Table V3 Docs'}</title>
  <meta
    name="description"
    content="An example of Material React Table which shows how to enable column to be re-arranged via drag and drop."
  />
  <meta
    property="og:title"
    content="Column Dnd Ordering Material React Table Example"
  />
  <meta
    property="og:description"
    content="An example of Material React Table which shows how to enable column to be re-arranged via drag and drop."
  />
</Head>

## Column DnD Ordering Example

Material React Table has built-in support for column drag and drop re-ordering. Learn more about column ordering in the [Column Ordering Feature Guide](/docs/guides/column-ordering-dnd).

<Examples isPage />

View Extra Storybook **[Examples](https://www.material-react-table.dev/?path=/story/prop-playground--default)**
